<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>赛利普demo</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="bootstrap3.3.5/css/bootstrap.css" />
		<script src="bootstrap3.3.5/js/jquery-3.1.1.min.js"></script>
		<script src="bootstrap3.3.5/js/bootstrap.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="shortcut icon" href="img/shilips.ico" />
	</head>

	<body>
		<div class="wrapper">
			<!--导航-->
			<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
		            <span class="sr-only">切换导航</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		        </button>
						<div class="logo navbar-brand hidden-sm hidden-xs">
							<div class="logo-box">
								<span class="logo1"><a href="index.html"><img src="img/Philips_brand_logo_all_BR.png"/></a></span>
								<span class="logo2">消费产品</span>
								<span class="logo3">产品</span>
							</div>
						</div>
						<!--移动端LOGO-->
						<div class="logo-m hidden-lg hidden-md">
							<a href="index.html"><img src="img/Philips_brand_logo_all_BR.png" /></a>
						</div>
					</div>
					<div class="collapse navbar-collapse" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									产品 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">视听产品</a>
									</li>
									<li>
										<a href="#">个人护理</a>
									</li>
									<li>
										<a href="#">母婴护理</a>
									</li>
									<li>
										<a href="#">厨房及家居</a>
									</li>
									<li>
										<a href="#">照明</a>
									</li>
									<li>
										<a href="#">健康</a>
									</li>
									<li>
										<a href="#">汽车</a>
									</li>
									<li>
										<a href="#">电脑产品、显示器和电话</a>
									</li>
									<li>
										<a href="#">附件</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">在线商城</a>
							</li>
							<li>
								<a href="newsList.html">塞利普新闻</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									产品支持 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">支持主页</a>
									</li>
									<li>
										<a href="#">查找产品</a>
									</li>
									<li>
										<a href="#">查找客服中心</a>
									</li>
									<li>
										<a href="#">联系我们</a>
									</li>
									<li>
										<a href="#">购买附件</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">特惠专区</a>
							</li>
							<li>
								<a href="#">塞利普俱乐部</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									关于塞利普<b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">公司概况</a>
									</li>
									<li>
										<a href="#">设计</a>
									</li>
									<li>
										<a href="#">研发</a>
									</li>
									<li>
										<a href="#">可持续发展</a>
									</li>
									<li>
										<a href="#">新闻中心</a>
									</li>
									<li>
										<a href="#">投资者关系</a>
									</li>
									<li>
										<a href="#">招贤纳士 </a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</nav>
			<!--主题一-->
			<div class="theme1 hidden-sm hidden-xs">
				<div class="theme1-text">
					<h2>心血管超声领域的领跑者</h2>
					<p>塞利普作为超声心动图领跑者，多年来致力于技术创新，快速应对临床需要，倡导行业领先。</p>
					<div class="more">
						<a href="#">了解更多</a>
					</div>
				</div>
			</div>
			<!--主题一移动端-->
			<div class="theme1-m hidden-lg hidden-md">
				<div class="theme1-text">
					<img src="img/ultrasound-l.jpg" />
					<h2>心血管超声领域的领跑者</h2>
					<p>塞利普作为超声心动图领跑者，多年来致力于技术创新，快速应对临床需要，倡导行业领先。</p>
					<div class="more">
						<a href="#">了解更多</a>
					</div>
				</div>
			</div>
			<!--主题二-->
			<div class="theme2 hidden-sm hidden-xs">
				<div class="theme1-text">
					<h2>塞利普照明2017创新日</h2>
					<p>塞利普作为超声心动图领跑者，多年来致力于技术创新，快速应对临床需要，倡导行业领先。</p>
					<p>你是否畅想 2030年的智慧城市</p>
					<p>您是否了解 照明在智慧城市建设中的作用 </p>
					<p>塞利普照明2018创新日</p>
					<p>为你展示智能互联照明在物联网时代的应用，带你亲临2030年智慧城市</p>
					<p>感受“光，超乎所见”的魅力</p>
					<div class="more">
						<a href="#">了解更多</a>
					</div>
				</div>
			</div>
			<!--主题二移动端-->
			<div class="theme2-m hidden-lg hidden-md">
				<div class="theme1-text">
					<img src="img/li-l.jpg" />
					<h2>塞利普照明2017创新日</h2>
					<p>塞利普作为超声心动图领跑者，多年来致力于技术创新，快速应对临床需要，倡导行业领先。</p>
					<p>你是否畅想 2030年的智慧城市</p>
					<p>您是否了解 照明在智慧城市建设中的作用 </p>
					<p>塞利普照明2018创新日</p>
					<p>为你展示智能互联照明在物联网时代的应用，带你亲临2030年智慧城市</p>
					<p>感受“光，超乎所见”的魅力</p>
					<div class="more">
						<a href="#">了解更多</a>
					</div>
				</div>
			</div>
			<!--主题三-->
			<div class="theme3 hidden-sm hidden-xs">
				<div class="theme1-text">
					<h2>塞利普健康智能手表</h2>
					<h2>专业的私人健康管家</h2>
					<div class="more">
						<a href="#">了解更多</a>
					</div>
				</div>
			</div>
			<!--主题三移动端-->
			<div class="theme3-m hidden-lg hidden-md">
				<div class="theme1-text">
					<img src="img/philips-watch-left-l.jpg" />
					<h2>塞利普健康智能手表</h2>
					<h2>专业的私人健康管家</h2>
					<div class="more">
						<a href="#">了解更多</a>
					</div>
				</div>
			</div>
			<!--注册-->
			<div class="reg">
				<div class="container">
					<div class="row">
						<div class="reg-info col-lg-7 col-md-7 col-sm-12 col-xs-12">
							<h2>注册产品</h2>
							<ul>
								<li><i class="glyphicon glyphicon-ok"></i> 独家促销和优惠卷</li>
								<li><i class="glyphicon glyphicon-ok"></i> 产品发布会</li>
								<li><i class="glyphicon glyphicon-ok"></i> 独家促销和优惠卷</li>
							</ul>
							<form action="" method="post" class="form-inline">
								<span><input type="checkbox" value=""/> 我愿意收到塞利普产品、服务、活动和促销的相关资讯。 我可以随时轻松退订！</span>
								<span><a href="#">了解更多</a></span>
								<input type="text" name="" id="" value="" placeholder="名字" class="form-control" />
								<input type="text" name="" id="" value="" placeholder="姓氏" class="form-control" />
								<input type="email" name="" id="" value="" placeholder="电子邮件" class="form-control" />
								<input type="submit" name="" id="" value="订阅" class="btn btn-primary" />
							</form>
							<p>塞利普尊重您的个人隐私。 有关详细信息，请阅读我们的 隐私声明</p>
						</div>
						<div class="club col-lg-5 col-md-5 col-sm-12 col-xs-12">
							<div class="club-box">
								<h2>塞利普俱乐部</h2>
								<h3>注册以享受独家优惠</h3>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--搜索-->
			<div class="search">
				<div class="container">
					<div class="search-box">
						<h2>始终如一地为您提供帮助</h2>
						<h3>为您的产品寻找手册、常见问题及软件更新:</h3>
						<form action="" method="post">
							<input type="search" value="" class="form-control" placeholder="请输入你的产品型号" />
							<i class="glyphicon glyphicon-search search-icon"></i>
						</form>
						<p>如何查看产品型号?</p>
					</div>
				</div>
			</div>
<!--网站地图-->
<div class="siteMap">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<h2>消费类产品</h2>
				<ul>
					<li>
						<a href="#">产品</a>
					</li>
					<li>
						<a href="#">在线商城</a>
					</li>
					<li>
						<a href="#">产品支持</a>
					</li>
					<li>
						<a href="#">特惠专区</a>
					</li>
					<li>
						<a href="#">活动快递</a>
					</li>
					<li>
						<a href="#">塞利普俱乐部</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<h2>专业产品</h2>
				<ul>
					<li>
						<a href="#">医疗科技</a>
					</li>
					<li>
						<a href="#">照明</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<h2>关于塞利普</h2>
				<ul>
					<li>
						<a href="#">公司概况</a>
					</li>
					<li>
						<a href="#">设计</a>
					</li>
					<li>
						<a href="#">研发</a>
					</li>
					<li>
						<a href="#">可持续发展</a>
					</li>
					<li>
						<a href="#">新闻中心</a>
					</li>
					<li>
						<a href="#">投资者关系</a>
					</li>
					<li>
						<a href="#">招贤纳士</a>
					</li>
					<li>
						<a href="#">塞利普2017年报</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<h2>塞利普俱乐部</h2>
				<ul>
					<li>
						<a href="#">登录</a>
					</li>
					<li>
						<a href="#">创建账户</a>
					</li>
					<li>
						<a href="#">注册产品</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!--版权-->
<div class="footer">
	<div class="container">
		<div class="row">
			<div class="col-lg-4 col-md-4 hidden-sm hidden-xs">
				<div class="weibo">
					<span>连接至塞利普</span><img src="img/weibo.png" />
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
				<div class="footer-logo">
					<img src="img/footlogo.png" />
				</div>
			</div>
			<div class="col-sm-12 col-xs-12 hidden-lg hidden-md">
				<div class="weibo2">
					<span>连接至塞利普</span><img src="img/weibo.png" />
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
				<div class="menus">
					<div class="dropdown">
						<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
							<span>选择国家/语言 中国 - 中文</span><span class="caret"></span>
						</button>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">中国</a>
							</li>
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">消费类产品</a>
							</li>
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">医疗保健</a>
							</li>
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">专业照明</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="row copyrigt">
			<ul>
				<li>
					<a href="#">投资者关系</a>
				</li>
				<li>
					<a href="#">招贤纳士</a>
				</li>
				<li>
					<a href="#">联系塞利普</a>
				</li>
				<li>
					<a href="#">Shilips</a>
				</li>
				<li>
					<a href="#">Cookie 政策</a>
				</li>
				<li>
					<a href="#">产品安全</a>
				</li>
				<li>
					<a href="#">使用条款</a>
				</li>
				<li>
					<a href="#">站点地图</a>
				</li>
				<li>
					<a href="#">手机网站</a>
				</li>
				<li>
					<a href="#">沪ICP备09062110号</a>
				</li>
				<li>
					<a href="#">隐私权声明</a>
				</li>
			</ul>
			<p>&copy;Koninklijke Shilips N.V.2004 - 2017。保留所有权利。</p>
		</div>
	</div>
</div>
		</div>
		<!--wrapper结束-->
	</body>

</html>